<!--
 * @Descripttion : 
 * @Autor        : Lilong
 * @Date         : 2022-09-14 10:59:33
 * @LastEditTime : 2022-09-14 12:02:35
 * @FilePath     : \传值\vue2\子传父\第二种：ref\App.vue
-->
<template>
  <div id="app">
    <h1>父组件</h1>
    <!-- ref 如果在普通的DOM元素上，引用指向的就是该DOM元素;如果在子组件上，引用的指向就是子组件实例，然后父组件就可以通过 ref 主动获取子组件的属性或者调用子组件的方法 -->
    <child-component ref="child"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent'
export default {
  name: 'App',
  mounted(){
    const child = this.$refs.child
    console.log(child.name) // 沐华
    child.someMethod("调用了子组件的方法")
  },
  components:{
    ChildComponent
  }
}
</script>

<style>
</style>
